@charset "utf-8";

@import "reset.scss";
@import "fonts.scss";
body,html{
    height: 100%;
    @extend %yahei;
}
#app{
    min-width: 1000px;
    height:100%;
    background-color:#fff; 
    position: relative;
}
.main-container{
    width: 85%;
    margin: 20px auto 0;
}
// 过渡效果
.fade-enter-active, .fade-leave-active {
  transition: opacity .2s
}
.fade-enter, .fade-leave-active {
  opacity: 0
} 
.slide-enter-active {
    transition: all .5s ease
}

.slide-enter,.slide-leave-active {
    opacity: 0
}

.slide-enter {
    transform: translateX(-3rem)
}

.slide-leave-active {
    transition: all .5s ease;
    transform: translateX(-3rem)
}
	.router-fade-enter-active, .router-fade-leave-active {
	  	transition: opacity .3s;
	}
	.router-fade-enter, .router-fade-leave-active {
	  	opacity: 0;
	}
.el-table {
    .cell{
  text-align:center;
        .el-button+.el-button {
            margin: 0;
        }
}
}
.el-form {
    .el-col {
        margin: 15px 0 0 0;
    }
.xl-btn {
  border: 1px solid #e1e8ed;
  font-weight: bolder;
  color: #292f33;
  background-image: linear-gradient(0deg, #f5f8fa, #fff);
  i{
      color:#55acee;
  }
}
}

footer{
  text-align:center;
  padding:25px;
}
.search-list-move {
    transition: transform 1s;
}
.list-complete-item {
  transition: all 1s;
  display: inline-block;
  margin-right: 10px;
}
.list-complete-enter, .list-complete-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.list-complete-leave-active {
  position: absolute;
}